<template>
  <div id="div">
    <a-dropdown placement="bottom">
      <a-avatar id="avatar" size="large">
        <template #icon><UserOutlined /></template>
      </a-avatar>
      <template #overlay>
        <a-menu>
          <a-menu-item>
            <a
              target="_blank"
              icon=""
              rel="noopener noreferrer"
              href="http://www.alipay.com/"
            >
              退出登录
            </a>
          </a-menu-item>
        </a-menu>
      </template>
    </a-dropdown>
  </div>
</template>

<script lang="ts"></script>

<style scoped>
#div {
  text-align: right;
}
#avatar {
  background: #fff;
}
</style>
